<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" href="https://cdn.cocreate.app/favicon.ico" type="image/ico" sizes="16x16">
  <title>test dnd | CoCreate</title>
  <meta name="description" content="Utility first css framework, design faster and improve on your css by using native inline styles as classes. No learning curve, use what you already know" />
  <meta name="keywords" content="helper classes, utility classes, css framework, css library, inline style classes" />
  <meta name="robots" content="index,follow" />

  <!-- CoCreate CSS -->
  
  <link rel="stylesheet" href="https://server.cocreate.app/CoCreate-components/builder-prerequisite/CoCreate-vdom/src/CoCreate-vdom.css" type="text/css" />
  <link rel="stylesheet" href="https://server.cocreate.app/CoCreate-components/builder-prerequisite/CoCreate-dnd/src/CoCreate-dnd.css" type="text/css" />

  <!-- Font Awesome -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" crossorigin="anonymous" />
</head>

<body class="overflow:overlay padding-20px height-unset">







      <div class="padding:20px" data-element_id="BTDyibkoTt150457" data-droppable="true" data-draggable="true" >
        <div class="padding:20px" data-element_id="hvPhQgkfPy150457" data-droppable="true"data-draggable="true" >
          <p data-element_id="QUZRBeyhMg150457" data-draggable="true">red</p>
          <p data-element_id="eacVXBRQPH150457" data-draggable="true">green</p>
          <p data-element_id="OzUtQtzQhz150457" data-draggable="true">blue</p>
          <p data-element_id="kxAFdDHHVA150457" data-draggable="true">orange</p>
        </div>

        <div class="padding:20px" data-element_id="HbcHnLofUV1504579" data-droppable="true" data-droppable="true" data-draggable="true" >
          <p data-element_id="QUZRBeyhMg1504579" data-draggable="true">1</p>
          <p data-element_id="eacVXBRQPH1504579" data-draggable="true">2</p>
          <p data-element_id="OzUtQtzQhz1504579" data-draggable="true">3</p>
          <p data-element_id="kxAFdDHHVA1504579" data-draggable="true">4</p>
        </div>
      </div>




  <script>
    var config = {
      apiKey: 'c2b08663-06e3-440c-ef6f-13978b42883a',
            organization_Id: '5de0387b12e200ea63204d6c'
    }
  </script>

  <script defer src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>

   
  <script defer src=" https://server.cocreate.app/CoCreate-components/builder-prerequisite/dist/CoCreate-dnd.js"></script>
  <!--<script defer src="../../CoCreate-domEditorPanel/src/domEditorPanel.js"></script>-->


</body>

</html>
